<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
	<head>
		<title>Life Achivements</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<link href="css/style.css" rel="stylesheet" type="text/css"></link>
		<script src="http://userapi.com/js/api/openapi.js" type="text/javascript"></script>
		<script src="js/jquery.js" type="text/javascript"></script>
		<script src="js/popup.js" type="text/javascript"></script>
		<script src="js/tooltips.js" type="text/javascript"></script>
	</head>
	<body>
		<div class="wrapper">
			<div id="header"></div>
			<div class="wrap main">
					<div id="logo">
						<a href="main_page.html"></a>						
					</div>
					<div class="header-bar">
						<ul>
							<li id="signout">
								<a href="#">Sign out</a>
							</li>
							<li id="profile-settings">
								<a href="user_settings.html">Settings</a>
							</li>
							<li id="search-bar">
								<input id="search" type="text" placeholder="Search"/>
							</li>
						</ul>
					</div>
					<nav class=menu-nav>
						<ul>
							<li id="home-item" onClick="window.location.href='main_page.html'">
								<a href="main_page.html">Home</a>
							</li>
							<li>
								<a>All achivs</a>
							</li>
							<li>
								<a>My goals</a>
							</li>
							<li>
								<a>About</a>
							</li>
							<li>
								<a>Feedback</a>
							</li>
							<li>
								<a>Help</a>
							</li>
						</ul>
					</nav>	
				<section class="content">
					<form class="settings">
						<header>
							<h2>Settings<h2>
						</header>
						<div id="labels">
							<ul>
								<li>
									<label class="requered">Login</label>
								</li>
								<li>
									<label class="requered">Real name</label>
								</li>
								<li>
									<label class="requered">E-mail</label>
								</li>
								<li>
									<label class="requered">Password</label>
								</li>
							</ul>	
						</div>
						<div id="txt-boxs">
							<ul>
								<li>
									<input id="settings-login"/>
								</li>
								<li>
									<input id="settings-real-name"/>
								</li>
								<li>
									<input id="settings-e-mail" id="settings-email" type="email" name="setttings[email]"/>
								</li>
								<li>
									<input id="settings-password" type="password" name="setttings[password]"/>
								</li>
							</ul>	
						</div>
						<!--
						<div class="tooltip">
							<div class="arrow_box" id="login-arrow_box">password must be at least 6 characters</div>
							<div class="arrow_box" id="name-arrow_box">Text</div>
							<div class="arrow_box" id="email-arrow_box">Text</div>
							<div class="arrow_box" id="password-arrow_box">Text</div>
						</div>-->
						<button class="button form-btn" id="settings-submit" type="submit">Save</button>
					</form>
				</section>
				<footer class="footer">
					<div class="like" id="likeBtn">
						<img src="src/Icons/uLike2.png"/>
						<div class="likePopup" id="like-vk">
							<a>Likevk</a>
						</div>
						<div class="likePopup" id="like-fb">
							<a>Likefb</a>
						</div>
						<div class="likePopup" id="like-gp">
							<a>Likeg+</a>
						</div>
						<div class="likePopup" id="like-tw">
							<a>Liketw</a>
						</div>
					</div>
					<span class="copy">Life Achivements &copy  2012</span>
				</footer>
			</div>
		</div>
	</body>
</html>